.rider_order_operate
    width: 100%
    position relative
    z-index 10
    .rider_order_item
        width: 100%
        display: flex
        align-items: center
    .rider_operate_connect
        padding: 0 10px
        display: flex
        flex-direction: column
        align-items: center
        position: relative
        &.last_rider_operate_connect
            &:after
                width 0 
        &:after
            content: ''
            display: block
            overflow: hidden
            position: absolute
            right: 0
            width 1px 
            height: 70%
            background-color: #ebebeb
            top 50%
            transform: translateY(-50%)
        .rider_operate_connect_text
            font-size: 12px
            color: #020202
    .rider_operate_btn
        flex: 1
        position relative
        height: 45px
        border-radius: 4px
        display: flex
        align-items: center
        justify-content: center
        .rider_operate_btn_bk,.rider_drag_btn
            position: absolute
            top: 0
            right : 0
            background-color: #ccc
            width: 100%
            height: 100%
            border-radius: 4px
            display: flex
            align-items: center
            justify-content: center
            font-size: 16px
            font-weight: bold
            color: #000
        .rider_drag_btn
            z-index 2
            overflow: hidden;
            white-space: nowrap;
            .drag_btn_icon
                display: flex
                .btn_icon_div
                    position: absolute
                    left: 10px
                    &:after,&:before
                        content: ''
                        display: block
                        overflow: hidden
                        width: 15px
                        height: 3px
                        background-color: #fff
                        position: absolute
                        left: 0
                        right: 0
                    &:after
                        transform: rotate(30deg) translateX(-6px);
                    &:before
                        transform: rotate(-30deg) translateX(-6px);
                    &.btn_icon_1
                        left: 25px
                        animation: arrow-movement2 2s 0.3s ease-in-out infinite;
                        opacity 0
                    &.btn_icon_2
                        animation: arrow-movement1 2s  ease-in-out infinite;